<style scoped>
.site-view /deep/ .el-collapse {
  border-top: 0;
}
.site-view /deep/ .tip-colla .colla-title {
  font-weight: bold;
}
.site-view /deep/ .el-tabs__header .el-tabs__nav-wrap {
  padding-left: 30px;
}
.site-view /deep/ .el-tabs__header .el-tabs__item {
  font-size: 16px;
  padding:0 30px;
}
.site-view /deep/ .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0;
}
.site-view /deep/ .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0;
}
.notice_t {
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
  color: #666;
}
.notice_t i {
  position: absolute;
  color: #bbb;
  left: 0;
  top: 2px;
}
</style>
<!--  -->
<template>
  <div class="site-view">
    <el-tabs v-model="activeName">
      <el-tab-pane label="语点设置" name="1">
        <div class="notice_t">
          <i class="el-icon-info" style="color:#E6A23C;"></i>
          <div class="nt_p">
            <p>设置默认语点，默认获取该语言站点数据！</p>
          </div>
        </div>
        <SetDefaultSite />
      </el-tab-pane>
      <el-tab-pane label="网站图标" name="2">
        <div class="notice_t">
          <i class="el-icon-info" style="color:#E6A23C;"></i>
          <div class="nt_p">
            <p>打开网站的 favicon.ico 图标！</p>
          </div>
        </div>
        <UpdateFaviconIco />
      </el-tab-pane>
      <el-tab-pane label="高级设置" name="3">
        <SetMoreSite />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
// import TipColla from '@/components/common/TipColla.vue'
import SetDefaultSite from '@/components/main/user/host/setup/SetDefaultSite.vue'
import UpdateFaviconIco from '@/components/main/user/host/setup/UpdateFaviconIco.vue'
import SetMoreSite from '@/components/main/user/host/setup/SetMoreSite.vue'
export default {
  data () {
    return {
      activeName: '1'
    }
  },
  components: {
    SetDefaultSite,
    UpdateFaviconIco,
    SetMoreSite
  }
}
</script>
